.container {
  .title {
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    padding: 16px 24px;
    border-bottom: 2px solid #f2f5f8;
    margin: 0;
  }

  .create {
    display: flex;
    justify-content: flex-end;
    padding: 24px 24px 16px;

    .createBtn {
      border-radius: 2px;
      height: 32px;
    }
  }

  .table {
    padding: 0 24px 24px;
    overflow-y: auto;

    :global {
      .ant-table-content {
        height: calc(100vh - 330px) !important;
        overflow: auto !important;

        .ant-table-thead > tr > th {
          font-size: 14px;
          line-height: 22px;
        }
      }

      .ant-table-wrapper
        .ant-table-container
        table
        > thead
        > tr:first-child
        > *:first-child {
        border-start-start-radius: 0;
      }

      .ant-table-wrapper
        .ant-table-container
        table
        > thead
        > tr:first-child
        > *:last-child {
        border-start-end-radius: 0;
      }

      .ant-pagination {
        text-align: end;
        margin-top: 20px;

        .ant-pagination-item,
        .ant-pagination-next,
        .ant-pagination-prev {
          border: 1px solid #f0f0f0;

          .ant-pagination-item-link {
            border: none;
            height: 32px;
          }
        }

        .ant-pagination-disabled {
          background-color: #f4f6f9;
        }

        .ant-select-selector,
        .ant-pagination-item,
        .ant-pagination-next,
        .ant-pagination-prev {
          border-radius: 2px;
        }

        .ant-pagination-item-active {
          border: 1px solid #1890ff;
        }
      }
    }
  }
}
